<script setup lang="ts">
import { RouterView } from 'vue-router'
</script>

<template>
  <div class="app-container">
    <RouterView />
  </div>
</template>

<style>
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
}

#app {
  width: 100%;
  min-height: 100vh;
  padding: 0; /* 移除默认的padding以减少空白区域 */
}

.app-container {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0; /* 移除默认的padding以减少空白区域 */
  background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
  display: flex;
  flex-direction: column;
}
</style>